<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0 user-scalable=no"
    />
    <title>Document</title>
    <link rel="stylesheet" href="css/iconfont.css" />
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="css/iconfont.ttf" />
  </head>
  <body>
    <!-- 整个网页大盒子 -->
    <div class="wrap">
      <!-- 头部 -->
      <header>
        <div class="header">
          <div class="logo">
            <img src="img/01.png" alt="" title="fuck you fuckers" />
          </div>
          <div class="input">
            <input type="search" name="" id="" placeholder="请输入商品名称" />
          </div>
          <div class="select">
            <select name="" id="">
              <option value="">广州</option>
              <option value="">深圳</option>
              <option value="">北京</option>
            </select>
          </div>
        </div>
      </header>
      <!-- 主体内容 -->
      <main  id="op">
        <div class="main">
          <!-- 轮播图 -->
          <div class="lunbotu" >
            <img src="img/02.png" alt="" />
          </div>
          <div class="youhui">
            <div class="images">
              <img src="img/03.png" alt="" />
            </div>
            <div class="more">
              <h4>优惠团购</h4>
              <p>更多</p>
            </div>
          </div>
          <div class="four_ps">
            <img src="img/04.png" alt="" />
            <img src="img/05.png" alt="" />
            <img src="img/06.png" alt="" />
            <img src="img/07.png" alt="" />
          </div>
          <!-- 猜你喜欢 -->
          <div class="booter">
            <div class="likely">
              <div class="images_2">
                <img src="img/10.png" alt="" />
              </div>
              <div class="more_2">
                <h4>猜你喜欢</h4>
                <p>更多</p>
              </div>
            </div>
            <div class="eat_one">
              <div class="eat_ps">
                <img src="img/08.png" alt="" />
              </div>
              <div class="right">
                <div class="main_one">
                  <h4>万岁寿司（正佳店）</h4>
                  <span><100m</span>
                </div>
                <div class="main_tew">
                  <span>[100店通用]&nbsp;&nbsp;双人套餐</span>
                </div>
                <div class="main_three">
                  <h4>￥88.00</h4>
                  <span>已售1000</span>
                </div>
              </div>
            </div>

            <div class="eat_two">
              <div class="eat_ps">
                <img src="img/09.png" alt="" />
              </div>
              <div class="right">
                <div class="main_one">
                  <h4>周黑鸭（正佳店）</h4>
                  <span><100m</span>
                </div>
                <div class="main_tew">
                  <span>[100店通用]&nbsp;&nbsp;双人套餐</span>
                </div>
                <div class="main_three">
                  <h4>￥88.00</h4>
                  <span>已售1000</span>
                </div>
              </div>
            </div>

            <div class="eat_two">
              <div class="eat_ps">
                <img src="img/09.png" alt="" />
              </div>
              <div class="right">
                <div class="main_one">
                  <h4>周黑鸭（正佳店）</h4>
                  <span><100m</span>
                </div>
                <div class="main_tew">
                  <span>[100店通用]&nbsp;&nbsp;双人套餐</span>
                </div>
                <div class="main_three">
                  <h4>￥88.00</h4>
                  <span>已售1000</span>
                </div>
              </div>
            </div>

            <div class="eat_two">
              <div class="eat_ps">
                <img src="img/09.png" alt="" />
              </div>
              <div class="right">
                <div class="main_one">
                  <h4>周黑鸭（正佳店）</h4>
                  <span><100m</span>
                </div>
                <div class="main_tew">
                  <span>[100店通用]&nbsp;&nbsp;双人套餐</span>
                </div>
                <div class="main_three">
                  <h4>￥88.00</h4>
                  <span>已售1000</span>
                </div>
              </div>
            </div>

            <div class="add"><a href="#op">谁谁谁</a></div>
          </div>
        </div>
      </main>
    
      <!-- 底部栏导航栏 -->
      <footer>
        <div class="list">
          <a href="./index.html">
            <div class="iconfont icon-index"></div>
            <p>首页</p>
          </a>
          <a href="./classify.html">
          <div class="iconfont icon-category"></div>
           <p>分类</p>
          <a href="./find.html">
            <div class="iconfont icon-faxian"></div>
            <p>发现</p>
          </a>
          <a href="#">
            <div class="iconfont icon-wode2"></div>
            <p>我的</p>
          </a>
        </div>
      </footer>
    </div>
 
  </body>
</html>
